<!--
 * @Author: C.
 * @Date: 2021-09-13 16:59:03
 * @LastEditTime: 2022-03-01 14:33:37
 * @Description: file content
-->
<template>
  <PageWrapper
    title="关于"
    content="cwind 是一个基于 Vue2.0、element-ui 的后台解决方案，目标是为开发中大型项目提供快速、便捷、易维护的解决方案。包括二次封装的表格、编辑表格、表单、常用的工具函数。"
    :isBack="false"
    ref="page"
  >
    <JvBlock title="主要信息" ref="first" helpMsg="这是一个提示">
      <JvDetail :detailObj="mainObj">
        <template #docUrl="{ record }">
          <el-link :href="record" target="_blank">
            {{ record }}
          </el-link>
        </template>
        <template #homepage="{ record }">
          <el-link :href="record" target="_blank">
            {{ record }}
          </el-link>
        </template>
        <template #git="{ record }">
          <el-link :href="record" target="_blank">
            {{ record }}
          </el-link>
        </template>
      </JvDetail>
    </JvBlock>
    <JvBlock title="依赖信息" ref="first" helpMsg="这是一个提示">
      <JvDetail :detailObj="detailObj"> </JvDetail>
    </JvBlock>
  </PageWrapper>
</template>

<script>
import { detailConfig, projectData, projectConfig, devSchema } from "./config";
import { detailData } from "./data";
import Detail from "@/jv_doc/class/detail/Detail";
export default {
  components: {},
  data() {
    return {
      mainObj: {},
      detailObj: {},
    };
  },
  created() {
    this.detailObj = new Detail({
      data: projectData.dependencies,
      schema: devSchema,
      border: true,
      direction: "left",
      labelStyle: {
        textAlign: "left",
        paddingLeft: "10px",
      },
    });
    this.mainObj = new Detail({
      data: projectData,
      schema: projectConfig,
      border: true,
      direction: "left",
      labelStyle: {
        textAlign: "left",
        paddingLeft: "10px",
      },
    });
  },
  methods: {},
  watch: {},
};
</script>

<style scoped lang="scss"></style>
